<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1"/>
		<link rel="icon" href="../../img/1.ico">
		<title>bootstrap demo</title>
		
		<!-- Bootstrap core CSS -->
        <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
 		<link href="../css/index.css" rel="stylesheet"/>
	    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	    <!--[if lt IE 9]>
	      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
	      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	    <![endif]-->
	</head>
	<body>
		
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">切换导航栏</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          
          <a class="navbar-brand" href="#"><img src="../img/logo.png"  style="margin-top: -5px;" class="img-circle img-responsive center-block"></a>
          <a class="navbar-brand" href="#">微博</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#about">视频</a></li>
            <li><a href="#contact">发现</a></li>
          </ul>
           <form class="navbar-form navbar-right" role="form">
            <div class="form-group">
              <input type="text" placeholder="请输入账号" class="form-control">
            </div>
            <div class="form-group">
              <input type="password" placeholder="请输入密码" class="form-control">
            </div>
            <button type="submit" class="btn btn-success">登录</button>
          </form>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

  

    <div class="jumbotron">
      <div class="container">
        <h1>心灵鸡汤</h1>
        <p>有些故事，除了回忆，谁也不会留；有些无奈，除了沉默，谁也不会说；有些东西，除了自己，谁也不会懂。来了，走了，聚了，散了。红尘，相思未尽，风起，花落无声。秋依偎，一语未尽，已成昔年，往事难追忆。</p>
        <p><a class="btn btn-primary btn-lg" href="../html/weibo.html" role="button">了解更多 &raquo;</a></p>
      </div>
    </div>


 <div class="container">
      <!-- Example row of columns -->
      <div class="row">
        <div class="col-md-4">
          <h2>心灵鸡汤</h2>
          <p>人生，有时心如止水，静静地感受生活的宁静，百事顺利，日子和美;人生，有时波澜起伏，大起大落，时而悲伤，时而兴奋，时而痛心，时而欢喜，但是，不管怎样，一生都应该有坚强的信念，执着的目标，使你勇往直前，追求不懈</p>
          <p><a class="btn btn-default" href="#" role="button">了解更多 &raquo;</a></p>
        </div>
        <div class="col-md-4">
          <h2>心灵鸡汤</h2>
          <p>人心，风吹雨打才知道谁真谁假；感情，千锤百炼才明白谁浓谁淡。走远的都是过眼云烟，即便怀念也是再也不见；留下的未必时刻陪伴，即使不见也会心心相念。时间如熔炉，把真心提炼；感情如饮水，把冷暖尝遍。 </p>
          <p><a class="btn btn-default" href="#" role="button">了解更多 &raquo;</a></p>
       </div>
        <div class="col-md-4">
          <h2>心灵鸡汤</h2>
          <p>我不想成为你生命中匆匆的过客，而是希望牵着你的手，我们一起走下去。我不想成为你一生里短短的插曲，而是成为你的唯一。你眼里只有我，我心里只有你。</p>
          <p><a class="btn btn-default" href="#" role="button">了解更多 &raquo;</a></p>
        </div>
      </div>

      <hr>

      <footer>
        <p>&copy; Company 2016</p>
      </footer>
    </div> <!-- /container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="//cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

	</body>
</html>
